<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta name="baidu-site-verification" content="mQzDYq8fHL" />
    <meta name="360-site-verification" content="ed795688ce80828a0dd8f5ad9c05e4b1" />
    <meta name="keywords" content="云钢联合,废旧、二手、废钢、二手设备、闲置设备拆除、废料、废电缆、废电机、报废车辆">
    <meta name="description" content="云钢联合,废钢材、冶金设备、废铜套、招标、拍卖、钢厂废旧物资、废旧次材、整厂拆除">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link href="css/common.css" rel="stylesheet" type="text/css"/>
    <link href="css/base.css" rel="stylesheet" type="text/css"/>
    <link href="css/supplie.css" rel="stylesheet" type="text/css"/>
    <link href="css/style.css" rel="stylesheet" type="text/css"/>
    <link href="css/style1.css" rel="stylesheet" type="text/css"/>
    <script src="js/jquery-1.8.3.min.js" type="text/javascript"></script>
    <script src="js/jquery.pagination.js" type="text/javascript"></script>
    <script src="js/vue.js" type="text/javascript"></script>
    <script src="js/common_js.js" type="text/javascript"></script>
    <script src="js/footer.js" type="text/javascript"></script>
    <title>成套设备匹配中心</title>
    <style>
        [v-cloak] {
            display: none;
        }
    </style>
</head>

<body>
<div class="headerpage"></div>
<section>
    <!--内容样式-->
    <div id="mian">
        <div class="clearfix marginbottom">
            <div id="Filter_style">
                <!--条件筛选样式-->
                <div class="clear"></div>
                <div class="Filter" id="Filter">
                    <div class="Filter_list clearfix">
                        <div class="Filter_title"><span>地区筛选：</span></div>
                        <div class="Filter_Entire" style="display: flex;">
                            <select id="pList1" class="pList1" v-cloak>
                                <option value="0">全部</option>
                                <option v-for="(item, index) in data" :value="item.provinceCode">{{item.namecn}}</option>
                            </select>
                            <select id="cList1" class="cList1" v-cloak>
                                <option value="0">全部</option>
                                <option v-for="(item, index) in data" :value="item.cityCode">{{item.namecn}}</option>
                            </select>
                        </div>
                    </div>
                    <div class="Filter_list clearfix">
                        <div class="Filter_title"><span>招标期限：</span></div>
                        <div class="p_f_name">
                            <p data-key="p_time">
                                <a href="javascript:void (0)" data-value="0" class="curr">全部</a>
                                <a href="javascript:void (0)" data-value="1">1天内</a>
                                <a href="javascript:void (0)" data-value="3">3天内</a>
                                <a href="javascript:void (0)" data-value="7">7天内</a>
                                <a href="javascript:void (0)" data-value="30">30天内</a>
                                <a href="javascript:void (0)" data-value="90">90天内</a></p>
                        </div>
                    </div>
                    <div class="Filter_list clearfix">
                        <div class="Filter_title"><span>标的总价(预估)：</span></div>
                        <div class="p_f_name">
                            <p data-key="p_totalPrices">
                                <a href="javascript:void (0)" data-value="0" class="curr">全部</a>
                                <a href="javascript:void (0)" data-value="100">100万(含)以下</a>
                                <a href="javascript:void (0)" data-value="500">500万(含)以下</a>
                                <a href="javascript:void (0)" data-value="1000">1000万(含)以下</a>
                                <a href="javascript:void (0)" data-value="5000">5000万(含)以下</a>
                                <a href="javascript:void (0)" data-value="5001">5000万以上</a>
                            </p>
                        </div>
                    </div>
                    <div class="Filter_list clearfix">
                        <div class="Filter_title"><span>搜索：</span></div>
                        <div id="header" class="header page_style">
                            <div class="Search">
                                <div class="clear search_cur">
                                    <input name="keyword" id="searchName" class="search_box keyword" onkeydown="keyDownSearch()" type="text" placeholder="搜索您需要的物资名称">
                                    <input name="" type="submit" value="搜 索" class="Search_btn"/>
                                </div>
                                <div class="clear hotword"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--列表-->
                <div class="wrapper hour-circle">
                    <div class="fl left" id="List" v-cloak>
                        <ul class="itemlist">
                            <li v-for="(item, index) in data">
                                <div class="fl pic">
                                    <div><img :src="item.thumbnail" alt="云钢联合,成套设备匹配中心"></div>
                                </div>
                                <div class="fl num">
                                    <img src="images/NO1.png" alt="云钢联合,成套设备匹配中心" v-if="index==0"/>
                                    <img src="images/NO2.png" alt="云钢联合,成套设备匹配中心" v-if="index==1"/>
                                    <img src="images/NO3.png" alt="云钢联合,成套设备匹配中心" v-if="index==2"/>
                                    <img src="images/NO4.png" alt="云钢联合,成套设备匹配中心" v-if="index==3"/>
                                    <img src="images/NO5.png" alt="云钢联合,成套设备匹配中心" v-if="index==4"/>
                                    <span v-if="index>4">{{index+1}}</span>
                                </div>
                                <div class="fl info">
                                    <a href="" class="font16 tit"><span>商家：{{item.enterpriseName}}</span><span>项目名称：{{item.projectName}}</span></a>
                                    <a href="" class="font16 tit"><span>地址：{{item.provinceName}}{{item.cityName}} </span><span>物资名称：{{item.substanceName}}</span></a>
                                    <a href="" class="font16 tit"><span>物资类别：大型成套设备</span><span>招标期限：{{item.beginAt}}~{{item.endAt}}</span></a>
                                    <a href="" class="font16 tit"><span>浏览量：{{item.pageView}}</span><span>收藏量：{{item.collection}}</span></a>
                                    <a href="" class="font16 tit"><span>刷新时间：{{item.refreshAt}}</span></a>
                                </div>
                                <div class="fr collect" :id="item.id">
                                    <!--<span class="half fr">-->
                                        <!--<img src="images/ad2.png" alt="" v-if="index<5"/>-->
                                    <!--</span>-->
                                    <div class="clear"></div>
                                    <a href="javascript:void (0)" class="fr fav" onclick="collect(this)">收藏</a>
                                    <a v-bind:href="['heavyDetails.html?id='+item.id]" class="fr fav">查看详情</a>
                                    <a href="javascript:void (0)" class="fr fav">联系卖家</a>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="empty-wrap" style="display: none">
                        <img src="images/empty.png" alt="云钢联合,成套设备匹配中心"/>
                    </div>
                </div>
            </div>
        </div>
        <div class="Inside_pages">
            <div class="Paging">
                <div class="Pagination  M-box"></div>
            </div>
        </div>
        <div class="clear"></div>
        <div class="footerpage"></div>
        <!--右侧菜单栏购物车样式-->
        <div class="fixedBox">
            <ul class="fixedBoxList">
                <!--<li class="fixeBoxLi user"><a href="msg.html"> <span class="fixeBoxSpan"></span> <strong>消息中心</strong></a></li>-->
                <li class="fixeBoxLi Service "><span class="fixeBoxSpan"></span> <strong>客服</strong>
                    <div class="ServiceBox">
                        <div class="bjfffs"></div>
                        <dl onclick="javascript:;">
                            <!--<dt><img src="images/Service1.png"></dt>-->
                            <dd><strong style="text-align: right">电话客服</strong>
                                <p class="p1" style="text-align: right">9:00-22:00</p>
                                <p class="p2"><span style="width: 150px;font-size: 20px;color: #013D78;font-weight: bold">022-59665836</span>
                                </p>
                            </dd>
                        </dl>
                        <!--<dl onclick="javascript:;">-->
                        <!--<dt><img src="images/Service1.png"></dt>-->
                        <!--<dd><strong>在线客服</strong>-->
                        <!--<p class="p1">9:00-22:00</p>-->
                        <!--<p class="p2"><a-->
                        <!--href="http://wpa.qq.com/msgrd?v=3&amp;uin=123456&amp;site=DGG三端同步&amp;menu=yes">点击交谈</a>-->
                        <!--</p>-->
                        <!--</dd>-->
                        <!--</dl>-->
                    </div>
                </li>
                <!--<li class="fixeBoxLi code cart_bd " style="display:block;" id="cartboxs">-->
                <!--<span class="fixeBoxSpan"></span> <strong>微信</strong>-->
                <!--<div class="cartBox">-->
                <!--<div class="bjfff"></div>-->
                <!--<div class="QR_code">-->
                <!--<p><img src="images/code.png" width="180px" height="180px"/></p>-->
                <!--<p>微信扫一扫，关注我们</p>-->
                <!--</div>-->
                <!--</div>-->
                <!--</li>-->

                <li class="fixeBoxLi BackToTop"><span class="fixeBoxSpan"></span> <strong>返回顶部</strong></li>
            </ul>
        </div>
    </div>
</section>

<script>
    $(function () {
        $(".headerpage").load("header.html");
        $(".footerpage").load("footer.html");
    });
</script>
<script>

    //收藏
    function collect(e) {
        var id = $(e).parent().attr('id')
        getToken(function (token) {
            ajax('/information/collect/','POST',{informationId:id},token,function (data) {
                alert('收藏成功')
            })
        })
    }

    /*省市级联动*/

    //获取所有省
    var data_p = {data: []};
    var data_c1 = {data: []};
    getToken(function (token) {
        ajax('/pc/','GET','',token,function (data) {
            data_p.data = data.data
        })
    })
    var vuepList1 = new Vue({
        el: '#pList1',
        data: data_p
    });
    var vuecList1 = new Vue({
        el: '#cList1',
        data: data_c1
    });

    var search_params = {
        provinceCode: '0',
        countryCode: '0',
        p_time: '0',
        typeId: '0',
        p_refreshAt: '0',
        p_totalPrices: '0',
        pageSize:5,
        currPage:1,
        keyword:''
    }

    //变更搜索条件
    $('.pList1').change(function () {
        var pCode = $('.pList1').val()
        search_params.provinceId = pCode
        getList()
        getToken(function (token) {
            ajax('/pc/city/?provinceCode='+pCode,'GET','',token,function (data) {
                data_c1.data = data.data
            })
        })
    })

    $('body').delegate('.cList1','change',function () {
        search_params.cityId = $('.cList1').val()
        getList()
    })

    $('.Search_btn').click(function () {
        search_params.keyword = $('.keyword').val()
        getList()
    })

    $('.p_f_name a').click(function (e) {
        $(this).parent().find('a').removeClass('curr')
        $(this).addClass('curr')
        var key = $(this).parent().attr('data-key')
        var value = $(this).attr('data-value')
        search_params[key] = value
        getList()
    })
</script>
<script>
    var data_list = {data:[]};

    var vueList = new Vue({
        el: '#List',
        data: data_list
    });

    getList()
    function getList(api) {
        var url = '/information?categoryId=3';
        for(var key in search_params){
            url += '&'+key+'='+search_params[key]
        }
        getToken(function (token) {
            ajax(url,'GET','',token,function (data) {
                if(data.data.length < 1){
                    $('.empty-wrap').css('display','')
                    initPage(0)
                }else {
                    var total_page = Math.ceil(data.total/search_params.pageSize)
                    if(typeof api == 'object'){
                        api.setPageCount(total_page)
                    }else {
                        initPage(total_page)
                    }
                    $('.empty-wrap').css('display','none')
                }
                for(var i=0;i < data.data.length;i++){
                    data.data[i].beginAt = timestampToTime(data.data[i].beginAt)
                    data.data[i].endAt = timestampToTime(data.data[i].endAt)

                    if(data.data[i].refreshAt > 0){
                        data.data[i].refreshAt = timestampToTime(data.data[i].refreshAt)
                    }else{
                        data.data[i].refreshAt = '无'
                    }
                }
                data_list.data = data.data
            })
        })
    }

    function initPage(pageCount) {
        $('.M-box').pagination({
            pageCount: pageCount,
            coping: true,
            prevContent: '上页',
            nextContent: '下页',
            callback: function (api) {
                search_params.currPage = api.getCurrent()
                getList(api)
            }
        });
    }
</script>
<script>
    jQuery(function(){
        jQuery(".fixedBox ul.fixedBoxList li.fixeBoxLi").hover(
            function (){
                jQuery(this).find('span.fixeBoxSpan').addClass("hover");
                jQuery(this).addClass("hover");
            },
            function () {
                jQuery(this).find('span.fixeBoxSpan').removeClass("hover");
                jQuery(this).removeClass("hover");
            }
        );
        jQuery('.BackToTop').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);});
        var oDate=new Date();
        var iHour=oDate.getHours();
        if(iHour>8 && iHour<32){
            jQuery(".Service").addClass("startWork");
            jQuery(".Service").removeClass("Commuting");

        }else{
            jQuery(".Service").addClass("Commuting");
            jQuery(".Service").removeClass("startWork");
        };

    });
</script>


</body>
</html>
